<extend name="Index:base" />
<block name="body">
<div class="hd-title-header">当前模板</div>
<div class="tpl-list">
    <ul>
    <foreach name="theme" item="v">
        <li class="active <if condition="$v['filename'] eq $nowtheme">current</if>">
        	<img src="{$v['jpg']}" width="260"/>
            <h4>目录名: {$v['filename']}</h4>
            <div class="link">
            <if condition="$v['filename'] eq $nowtheme">
                <strong>使用中...</strong>
            <else />
                <a href="javascript:;" class="btn" attr='select_tpl' onclick="hd_ajax('{:U("setTheme",array('dir'=>$v['filename']))}','','__SELF__')">使用</a>
            </if>
            </div>
        </li>
    </foreach>
    </ul>
</div>
<style type="text/css">
    a:hover {
        text-decoration: underline;
    }

    div.tpl-list ul li {
        float: left;
        margin: 10px;
        height: auto;
        overflow: hidden;
        background: #efefef;
        border: solid 5px #DDDDDD;
        padding-bottom: 2px;
        position: relative;
    }

    div.tpl-list ul li.current {
        border: solid 5px #09AEEF;
        background: #09AEEF;
        color: #ffffff;
    }

    div.tpl-list ul li.current a, div.tpl-list ul li.current h2 {
        color: #ffffff;
    }

    div.tpl-list ul li.current img {
        opacity: 1;
    }

    div.tpl-list ul li img {
        width: 230px;
        height: 260px;
        border-bottom: solid 2px #DCDCDC;
        margin-bottom: 6px;
        opacity: 0.5;
    }

    div.tpl-list ul li h4 {
        font-size: 14px;
        padding-left: 10px;
        color: #333333;
    }

    div.tpl-list ul li h4 strong {
        font-size: 12px;
        color: #03565E;
        font-weight: normal;
    }

    div.tpl-list ul li div.link {
        padding-left: 10px;
        margin:6px 0;
    }

    div.tpl-list ul li div.link a, div.tpl-list ul li div.link strong {
        font-size: 14px;
        line-height: 20px;
    }
</style>
</block>